Seos Laufschrift


Eigener Versuch auf Klassen (statt ID)


Mit Pseudotag <seo> statt mit <div>

Mit <span> statt mit <div>




Anleitung A
Anleitung B

Diese Unterschiede haben etwas mit Block- und Inline-Elemente zu tun
"FormatGruppierungselemente" wie <span>, <P>, <div> haben eigene Regeln, beispielsweise kann <P> nicht mit <P> verschachtelt werden. Nach dieser Beschreibung nehmen Bock-Elemente die ganze Zeile in Anspruch. Dagegen sind die Inline-Elemente mit Teile einer Zeile zufrieden.
Mein Pseudotag <seo> ist undefiniert, somit per default ein Inline-Element. Das kann man mit CSS ändern.
	<style>
	seo {display: block;}	
	</style>
	

Dieser Tag ist einfach ein Pseudotag, demnach ein Inline-Element.
Dieser Tag ist als Block-Element in Style definiert worden. Vertikale Darstellung

ist nicht vom

Block-Element abhängig
	<seoIL style="text-align:center;background-color:yellow;">Dieser Tag ist einfach ein Pseudotag, demnach ein Inline-Element.</seoIL>
<seo style="text-align:center;background-color:yellow;">Dieser Tag ist als Block-Element in Style definiert worden.</seo> <seoIL style="writing-mode: vertical-lr;text-orientation: upright;background-color:yellow;">Vertikale Darstellung<br><br>ist nicht vom<br><br>Block-Element abhängig</seoIL>
Eigentlich müsst nun auch eine vertikale Laufschrift möglich sein. Info zur Textausrichtung. Da findet man auch transform: rotate(90deg).

Hallo